<!DOCTYPE html>
<html>
<head>
	<title>用户管理系统</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
	<link href="Success.css" rel="stylesheet" type="text/css">
	<script type="text/javascript" src="jquery.js"></script>
	<link href="https://cdn.staticfile.org/twitter-bootstrap/4.1.0/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
	<div class="d-flex flex-column flex-md-row align-items-center p-3 px-md-4 mb-3 bg-white border-bottom box-shadow">
	    <h5 class="my-0 mr-md-auto font-weight-normal"><b>Js</b> 课程设计</h5>
	    <a class="btn btn-outline-primary" href="LogIn.html"> 注销 </a>
    </div>
    <div class="pricing-header px-3 py-3 pt-md-5 pb-md-4 mx-auto text-center"  id = "login">
        <div id="User">
		<p id="Username" class="lead"></p>
		<p id="Email" class="lead"></p>
		<p id="RegistTime" class="lead"></p>
		</div>
		</div>
    </div>
<script>
    $(document).ready(function () {
    	var url = location.search; 			//获取url中"?"符后的字串
        var theRequest = new Object();
        if (url.indexOf("?") != -1) {
    	$('#login').fadeIn("slow");
        $('#login p').text ("调用百度地图API：")
        $('#Log').hide();
        var str = url.substr(1);
        strs = str.split("&");
        for(var i = 0; i < strs.length; i ++) {
            theRequest[strs[i].split("=")[0]]=unescape(strs[i].split("=")[1]);
    	}
    	var username = theRequest["username"];
       	var b = localStorage.getItem(username);
		var data = JSON.parse(b);
		$("#Username").text("用户名:"+username);
		$("#Email").text("邮箱:"+data.email);
		$("#RegistTime").text("注册时间:"+data.date.replace(/.252Z/, ""));
    }else{
    	$("#login").fadeIn("slow");
    }});
</script>
</body>
</html>